/*
 * Copyright (c) 2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**
 * Validation messages
 */
.required {
    color: #e74c3c;
}

.required-error {
    background: #a94442;
    border: 1px solid #a94442;
    padding: 6px 12px;
    color: #fff;
}

/**
 * Theme overrides
 */
.breadcrumb li .fw-home {
    float: left;
    padding-top: 2px;
    margin-right: 5px;
}

/**
 * Auth menu
 */
.auth .hidden-xs {
    line-height: 38px;
}

.auth-xs {
    color: #fff;
}

.auth-xs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 28px;
    background-color: #2a80b9;
}

.auth-xs li {
    color: #ccc;
}

.auth-xs li a {
    display: block;
    color: #fff;
}

.auth-xs li a:hover {
    background-color: #499dd5;
}

ul.dropdown-menu.more-actions-button {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 40px;
    background: #F9F9F9;
    border-bottom: 1px solid #EFEFEF;
    min-width: 45px;

}

ul.dropdown-menu.more-actions-button > li {
    height: 40px;
    width: 40px;
    border: 1px;
}

ul.dropdown-menu.more-actions-button > li > button {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid darkred;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
/*    border: 0px;*/
}

.btn-default:hover,
.btn-default:active {
    border-color: #e6e6e6;
}

.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    border-color: #d4d4d4;
}

.btn-custom {
    border-width: 1px;
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 40px;
    font-size: 13px;
    line-height: 40px;
}

.dd-handle {
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
    padding: 0 15px;
    color: #f5f5f5;
    text-decoration: none;
    background: #373e46;
    box-sizing: border-box;
    cursor: move;
    -moz-box-sizing: border-box;
}

.dd-handle:hover {
    color: #f5f5f5;
    background: #4f6a80;
}

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 40px;
    background: #fcfcfc;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media only screen and (min-width: 700px) {
    .dd {
        float: left;
        width: 48%;
    }

    .dd + .dd {
        margin-left: 2%;
    }
}

.hide-menu-item {
    float: right;
    cursor: pointer;
    display: inline-block;
    padding: 0 12px;
    margin-right: -15px;
    background: #272c30;
    font-size: 15px;
}

.hide-menu-item:hover {
    background: #63849f;
}

.ues-component.gadget-error {
    height: 100%;
}

.ues-component.gadget-error > .ues-component-body {
    height: calc(100% - 42px);
}

.ues-component.gadget-error .alert {
    height: 100%;
    margin-bottom: 0;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    overflow-y: hidden !important;
}